<!DOCTYPE html>
<html lang="">

<head>
  <meta charset="utf-8" />
  <!-- 以下是禁止横屏的 -->
  <meta name="screen-orientation" content="portrait">
  <meta name="x5-orientation" content="portrait">
  <!-- 以上是禁止衡平 -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="format-detection" content="telephone=no" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="robots" content="all">
  <meta name="Description" content="" />
  <meta name="Keywords" content="" />
  <meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1.0,user-scalable=no">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <title>
    vue3适配版本
  </title>
  <!-- <script src="//cdn.jsdelivr.net/npm/eruda"></script>
	<script>eruda.init();</script> -->
</head>

<body>
  <noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
        Please enable it to continue.</strong>
  </noscript>
  <div id="app"></div>
  <script>
    // prevent pinch-zoom for iOS Safari 9~12
    if (window.GestureEvent && !('touchAction' in document.documentElement.style)) {
      document.documentElement.addEventListener('gesturestart', (e) => { e.preventDefault() }, { passive: false, capture: true });
    }
  </script>
  <style>
    html,
    body {
      height: 100% !important;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
   
    }
    * {
      margin: 0;
      padding: 0;

    }

    /* prevent pull-to-refresh for Safari 16+ */
    @media screen and (pointer: coarse) {
      @supports (-webkit-backdrop-filter: blur(1px)) and (overscroll-behavior-y: none) {
        html {
          min-height: 100.3%;
          overscroll-behavior-y: none;
        }
      }
    }

    /* prevent pull-to-refresh for Safari 9~15 */
    @media screen and (pointer: coarse) {
      @supports (-webkit-backdrop-filter: blur(1px)) and (not (overscroll-behavior-y: none)) {
        html {
          height: 100%;
          overflow: hidden;
        }

        body {
          margin: 0px;
          max-height: 100%;
          /* or `height: calc(100% - 16px);` if body has default margin */
          overflow: auto;
          -webkit-overflow-scrolling: touch;
        }

        /* in this case to disable pinch-zoom, set `touch-action: pan-x pan-y;` on `body` instead of `html` */
      }
    }

    /* prevent pull-to-refresh for Chrome 63+ */
    body {
      overscroll-behavior-y: none;
    }

    html {
      touch-action: pan-x pan-y;
      min-height: 100%;
    }
  </style>

</body>

</html>